<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<!-- 
鼠标事件                触发条件
onclick                 鼠标点击左键触发
onmouseover             鼠标经过触发
onmouseout              鼠标离开触发
onfocus                 获得鼠标焦点触发
onblur                  失去鼠标焦点触发
onmousemove             鼠标移动触发
onmouseup               鼠标弹起触发
onmousedown             鼠标按下触发
contextmenu             禁止鼠标右键菜单
selectstart             禁止选中文字
 -->

<body>
    我是一段不愿意分享的文字
    <script>
        // 1. contextmenu 我们可以禁用右键菜单
        document.addEventListener('contextmenu', function (e) {
            e.preventDefault(); // preventDefault() 阻止默认行为
        })
        // 2. 禁止选中文字 selectstart
        document.addEventListener('selectstart', function (e) {
            e.preventDefault();  // preventDefault() 阻止默认行为

        })
    </script>
</body>

</html>